<template>
  <div>
    <el-pagination
      @current-change="getPagData"
      @size-change="getPagData"
      v-model:current-page="pageNo"
      v-model:page-size="limit"
      :page-sizes="pageSizes"
      :background="false"
      layout=" jumper ,prev, pager, next,-> ,sizes,total"
      :total="total"
      :disabled="total == 0"
    />
  </div>
</template>

<script lang="ts" setup name="Pagination">
const pageNo = defineModel('pageNo')
const limit = defineModel('limit')
const total = defineModel('total')
const pageSizes = defineModel('pageSizes')
defineProps(['getPagData'])
/* defineProps({
  pageNo: {
    type: Number,
    default: 1
  },
  limit: {
    type: Number,
    default: 3
  },
  total: {
    type: Number,
    default: 0
  }
}) */
</script>

<style scoped></style>
